<template>
    <div class="table04">
        <slot></slot>
    </div>
</template>
<style scoped>
.table04{
    width:100%;
    margin-top:10px;
}
.table04 table{
    width:100%;
    text-align:center;
    border-collapse:collapse;
    /* border-spacing: 0px 10px; */
}
tbody tr{
    background-color: white;
    box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.06);
    border-left: 4px solid transparent;
    border-top: 10px solid #f0f4f6;
    border-bottom: 10px solid #f0f4f6;
}
tbody tr:hover{
    border-left: 4px solid #18ceb4;
}
.table04>>>.el-input__inner{
    height: 32px!important;
 }
.table04>>>.el-input__icon{
    line-height: 32px!important;
 }
</style>
<script>
export default {
    name:"table01",
    props:[],
    methods:{}
}
</script>

